<template lang="html">
  <el-dialog :title="dialogTitle" :append-to-body="true" :close-on-click-modal="false" :show-close="true"
    v-model="dialogVisible" width="1000px" :align-center="true" :destroy-on-close="true">
    <index class="dialog-task-record"></index>
  </el-dialog>
</template>
<script setup lang="js">
import { ref, defineExpose } from 'vue';
import Index from './Index.vue';
const dialogVisible = ref(false); // 弹窗是否可见
const dialogTitle = ref("任务执行记录"); // 弹窗标题

/**
 *  打开弹窗
 * @param book 书籍对象
 */
function open() {
  dialogVisible.value = true;
}

defineExpose({
  openDialog: open,
});
</script>
<style lang="less">
.dialog-task-record {
  height: 650px;

  .tableBox {
    padding: 0px !important;
  }
}
</style>
